import { Button, Modal } from 'antd';
import React, { useState } from 'react';


export default function DelModle() {
    const [isModalVisible, setIsModalVisible] = useState(false);

    const showModal = () => {
      setIsModalVisible(true);
    };
  
    const handleOk = () => {
      setIsModalVisible(false);
    };
  
    const handleCancel = () => {
      setIsModalVisible(false);
    };
  
    return (
      <>
        <span type="primary" onClick={showModal}>
          删除
        </span>
        <Modal title="确认删除" visible={isModalVisible} onOk={handleOk} onCancel={handleCancel}>
          <p>删除后将不可恢复，是否继续此操作？</p>
        </Modal>
      </>
    );
  };
